<nav class="navbar navbar-inverse" id="menu" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <!-- <span class="icon-bar"></span> -->
                <span class="icon-bar"></span>
                <span class="sr-only">Toggle navigation</span>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li>
                    <a href="<?php echo base_url();?>perfilAdmin">PERFIL</a>
                </li>
                <li>
                    <a   href="<?php echo base_url(); ?>usuariosAdmin">USUARIOS</a>
                </li>
                <!-- <li>
                    <a href="<?php echo base_url(); ?>participantesAdmin">PARTICIPANTES</a>
                </li> -->
                <li>
                    <a href="<?php echo base_url(); ?>eventosAdmin">EVENTOS</a>
                </li>
                <li>
                    <a class="navbar-brand" href="<?php echo base_url();?>lugaresAdmin">LUGARES</a>
                </li>
            </ul>
        </div>
            <!-- /.navbar-collapse -->
    </div>
        <!-- /.container -->
</nav>

    <!-- Page Content -->
<div class="container">
    <div class="row">
        <div id="formLu" style="display:none;margin-left:25%;">
                <!-- action="/eventos/agregar" -->
            <form accept-charset="utf-8" method="post" >
                <h1 class="titulo">Nuevo Lugar</h1>
                <h5>Nombre</h5>
                <input type="text" id="nameForm" name="nombre" placeholder="Nombre del Lugar" value=""size="50" />
                <h5>Tipo</h5>
                <input type="text" id="tipoForm" name="tipo" placeholder="Cancha de Futbol, Basquet, Voley, Salón, otros." value="" size="50" />
                <h5>Estado</h5>
                <input type="text" id="estForm" name="estado" value="" placeholder="Estado del Lugar" size="50" />
                <h5>Direccion</h5>
                <input id="direForm" type="text" name="direccion" placeholder="Dirección del Lugar" value="" size="50" />
                <h5>Latitud</h5>
                <input type="text" id="latForm"name="latitud" placeholder="Latitud del Lugar" value="" size="50" />
                <h5>Longitud</h5>
                <input type="text" id="longForm"name="longitud" placeholder="Longitud del Lugar" value="" size="50" />
                <h5>Imagen</h5>
                <input type="text" id="imgForm"name="imagen" placeholder="Imagen del Lugar" value="" size="50" />
                <h5>Descripción</h5>
                <input type="text" id="descForm"name="descripcion" placeholder="Descripción del Lugar" value="" size="50" />
                <div>
                    <input id="save" type="submit" value="Guardar" onclick="guardar();"/>
                </div>
            </form>
        </div>

        <h1 id="titulo">Lista de Lugares</h1>
            <a id="crearLu">
                <img id="ico2" src="<?php echo base_url(); ?>/images/iconos/mas.jpg">
            </a>
            
            <table>
                <tr id="cab">
                    <th>N°</th>
                    <th>NOMBRE</th>
                    <th>TIPO</th>
                    <th>ESTADO</th>      
                    <th>DIRECCION</th>
                    <th>LATITUD</th>
                    <th>LONGITUD</th>
                    <th>IMAGEN</th>
                    <th>DESCRIPCION</th>
                    <th>ACCIÓN</th>
                </tr>

            <?php foreach ($lugar as $l) { ?>
            <tr id="fila">
                <td>
                    <?php echo $l->idlugar; ?>
                </td>
                <td>
                    <div class="ver<?php echo $l->idlugar; ?>">
                        <?php echo $l->nombre; ?>
                    </div>
                </td>
                <td>
                    <div class="ver<?php echo $l->idlugar; ?>">
                        <?php echo $l->tipo; ?>
                    </div>
                </td>
                <td>
                    <div class="ver<?php echo $l->idlugar; ?>">
                        <?php echo $l->estado; ?>
                    </div>
                </td>      
                <td>
                    <div class="ver<?php echo $l->idlugar; ?>">
                        <?php echo $l->direccion; ?>
                    </div>
                </td>
                <td>
                    <div class="ver<?php echo $l->idlugar; ?>">
                        <?php echo $l->latitud; ?>
                    </div>
                </td>
                <td>
                    <div class="ver<?php echo $l->idlugar; ?>">
                        <?php echo $l->longitud; ?>
                    </div>
                </td>      
                <td>
                    <div class="ver<?php echo $l->idlugar; ?>">
                        <?php echo $l->imagen; ?>
                    </div>
                </td>
                <td>
                    <div class="ver<?php echo $l->idlugar; ?>">
                        <?php echo $l->descripcion; ?>
                    </div>
                </td>
                <td>
                        <!-- <a href="/eventosAdmin/verDetalle/?num=<?php echo $l->id; ?>"> -->
                    <a href="<?php echo base_url(); ?>lugaresAdmin/modificar/?num=<?php echo $l->idlugar; ?>">
                            <img id="ico1" src="<?php echo base_url(); ?>/images/iconos/lupa.jpg">
                        </a>
                    <a id="verPart" href="/lugaresAdmin/eliminar/?num=<?php echo $l->idlugar; ?>">
                        <img id="ico" src="<?php echo base_url(); ?>/images/iconos/delete.jpg">
                    </a>
                </td>
            </tr>
            <?php }; ?>
            </table>
                
                <!-- Pager -->
                <ul class="pager">
                    <!-- <li class="previous">
                        <a href="#">&larr; Ant</a>
                    </li>
                    <li class="next">
                        <a href="#">Sig &rarr;</a>
                    </li> -->
                </ul>
         </div>
            


        </div>

        
        <!-- /.row -->       

    </div>


  
</div>
    <link href="css/main.css" rel="stylesheet">
    <script src="js/jquery-1.11.0.js"></script>
    <script src="js/bootstrap.min.js"></script> 

    <script type="text/javascript">
    
    $(document).ready(function(){
    
        $("#crearLu").click(function(){ //Click Registro Arriba
            $("#formLu").show();
            $("#crearLu").hide();
            
        });

        $("#save").click(function(){ //Click Registro Arriba
            $("#formLu").hide();
            $("#crearLu").show();
            
        });

        /*$("#upd").click(function(){

        });*/

        


    });

     function edit(id){
            $("formMod"+id).show();
    };


    function guardar() {
        
        if($('#nameForm').val()!='' && $('#tipoForm').val()!='' 
            && $('#estForm').val()!='' && $('#direForm').val()!=''
             && $('#latForm').val()!='' && $('#longForm').val()!=''
             && $('#imgForm').val()!='' && $('#descForm').val()!=''){            

        var dataString = 'nombre='+ $('#nameForm').val() + 
            '&tipo=' + $('#tipoForm').val() + 
            '&estado=' + $('#estForm').val() + 
            '&direccion=' + $('#direForm').val() + 
            '&latitud=' + $('#latForm').val() + 
            '&longitud=' + $('#longForm').val() + 
            '&imagen=' + $('#imgForm').val() + 
            '&descripcion=' + $('#descForm').val();  
        $.ajax({ dataType: 'json', type:"POST",url:"lugaresAdmin/agregar",data:dataString,
                success: function(msg){
                    // alert(msg[0].error);
                    /*if (msg[0].error)
                    {*/
                        alert ('Por favor, checkee el Email y la Contraseña');
                    /*}
                    else if (msg[0].operation == 'OK')
                    {
                        document.location.href = "/usuario/logueado";
                    }*/
                    
                }
            });
        } else {
            alert ('Verifique que todos los campos estén completos.');
        }
    }

    function cargar(id){
        if($('#nameForm').val()!='' && $('#fechaForm').val()!='' 
            && $('#horaForm').val()!='' && $('#descForm').val()!=''
             && $('#cantForm').val()!=''){            

        var dataString = 'nombre='+ $('#nameForm').val() + 
            '&fecha=' + $('#fechaForm').val() + 
            '&hora=' + $('#horaForm').val() + 
            '&descripcion=' + $('#descForm').val() + 
            '&cantPart=' + $('#cantForm').val();  
        $.ajax({ dataType: 'json', type:"POST",url:"lugaresAdmin/modificar",data:dataString,
                success: function(msg){
                    // alert(msg[0].error);
                    /*if (msg[0].error)
                    {*/
                        alert ('Por favor, checkee el Email y la Contraseña');
                    /*}
                    else if (msg[0].operation == 'OK')
                    {
                        document.location.href = "/usuario/logueado";
                    }*/
                    
                }
            });
        } else {
            alert ('Verifique que todos los campos estén completos.');
        }
    }
    
    
    </script>
<style type="text/css">
.titulo{
    font-size: 46px;
    color: rgb(246, 22, 22);
}
#tit{
    font-size: 46px;
    color: rgb(246, 22, 22);
}
</style>